<template lang="pug">
  .index-wrap
    transition(name="pages")
      router-view
    app-footer
</template>

<script type="es6">
  import footer from '@/components/common/footer/footer'
  export default {
    name: 'app-index',
    data(){
      return {}
    },
    components: {
      appFooter:footer
    },
    methods: {}
  }
</script>

<style lang="stylus" scoped>
  .pages-enter-active
    transition: all .4s ease
  .pages-enter-to
    opacity 1
  .pages-leave-active
    transition all .4s cubic-bezier(1.0, 0.5, 0.8, 1.0)
  .pages-enter
    transform translateX(20px)
    opacity 0
  .pages-leave-to
    transform translateX(-20px)
    opacity 0
</style>
